@import 'common';
@import 'mixin';
.jw-login-wrapper{ 
     .center;
     height: 768px;
     background: rgba(0,0,0,.5);
     position: absolute;
     z-index: 59464;
     display: none;
     cursor: pointer;
     .colse-login{
         width: 50px;
         height: 50px;
         background: black;
         opacity: 1;
         color: white;
         cursor: pointer;
         text-align: center;
         margin-top: 50%;
         margin: 0 auto; 
        position: relative;
        top: 134px;
        left: 200px;
        z-index: 999;
        border-radius:20px ;
        p{ font-size: 30px;
        cursor: pointer;
            display: block;
            width: 45px;
            height: 45px;
            margin: 0 auto;
            padding-top: 20px;
        }
       
     }
        .jw-login-body{
         width: 550px;
         height: 500px;
         background: white;
         position: relative;
         top: 50%;
         margin: 0 auto; 
         margin-top: -300px;
         line-height: 20px;
         .jw-login-hearder{
             font-size: 12px;
             line-height: 20px;
             width: 100%;
             margin: 0 auto;
                p{
                    display: inline-block;
                    margin: 20px auto 20px 20px;
                }
         
        }
        .jw-login-container{
            cursor: pointer;
             width: 400px;
             margin: 20px auto 20px 20px;
             p,div{
                 padding: 10px 10px 10px 10px;
             }
         }
         .jw-login-footer{
             cursor: pointer;
             width: 400px;
             margin: 20px auto 20px 20px;
             p,button{
                 padding: 10px 10px 10px 10px;
             }
         }
         
     }
    
    }
    
    .jw-registered-wrapper{ 
     .center;
     height: 768px;
     background: rgba(0,0,0,.5);
     position: absolute;
     z-index: 59464;
   display: none;
     cursor: pointer;
     .colse-registered{
         width: 50px;
         cursor: pointer;
         height: 50px;
         background: black;
         opacity: 1;
         color: white;
         
         text-align: center;
         margin-top: 50%;
         margin: 0 auto; 
        position: relative;
        top: 134px;
        left: 200px;
        z-index: 999;
        border-radius:20px ;
        p{ font-size: 30px;
        cursor: pointer;
            display: block;
            width: 45px;
            height: 45px;
            margin: 0 auto;
            padding-top: 20px;
        }
       
     }
        .jw-registered-body{
         width: 550px;
         height: 500px;
         background: white;
         position: relative;
         top: 50%;
         margin: 0 auto; 
         margin-top: -300px;
         line-height: 20px;
         .jw-registered-hearder{
             font-size: 12px;
             line-height: 20px;
             width: 100%;
             margin: 0 auto;
                p{
                    display: inline-block;
                    margin: 20px auto 20px 20px;
                }
         
        }
        .jw-registered-container{
             width: 400px;
             margin: 20px auto 20px 20px;
             p,div{
                 padding: 10px 10px 10px 10px;
             }
         }
         .jw-registered-footer{
             width: 400px;
             margin: 20px auto 20px 20px;
             p,button{
                 padding: 10px 10px 10px 10px;
             }
         }
         
     }
    
    }

